import React from 'react';
import PropTypes from 'prop-types';
import leftBorder from '@/src/assets/comps/other/CardC/leftBorder.png';
import styles from './style.less';

class NormalCardC extends React.Component {
  // 默认值
  static defaultProps = {
    width: '640px', // 卡片的宽度
    height: '160px', // 卡片的高度
    onClick: () => {}, // 默认无点击事件
    style: {}, // 默认不设置
    cardId: '', // 唯一id默认为空
    Content: '', // 默认不设置
    contentStyle: '', // 默认不设置
  };

  render() {
    const { width, height, style, cardId, Top, Content, onClick, contentStyle } = this.props;
    return (
      <div
        className={styles.normalCard_wrap}
        style={{ ...style, width, height }}
        onClick={() => {
          onClick(cardId);
        }}
      >
        <img src={leftBorder} alt='' />
        <div className={styles.normalCard_content} style={{ ...contentStyle }}>
          {Content}
        </div>
      </div>
    );
  }
}
// props默认值
NormalCardC.propsTypes = {
  cardId: PropTypes.string, // 设置唯一的id
  width: PropTypes.string, // 卡片的宽度
  height: PropTypes.string, // 卡片的高度
  onClick: PropTypes.func, // 按钮点击事件
  Content: PropTypes.element, // 卡片下层显示的元素
  style: PropTypes.object, // 样式
  contentStyle: PropTypes.object, // content区域样式
};
export default NormalCardC;
